﻿{% extends '../../layout.html' %}
<!-- header-start -->
{% block head %}
{% parent %}

<!--lCalendar.css-->
<link href="/component/lCalendar/lCalendar.css" rel="stylesheet"/>
<!--LArea.css-->
<link href="/component/LArea/LArea.min.css" rel="stylesheet"/>
<!--dropload上拉加载-->
<link href="/component/dist/dropload.css" rel="stylesheet"/>
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
<div class="Hr_MyProduct">
    <header class="align-start">
        <a onclick="history.go(-1)">
            <div class="Return">
                <img src="/images/icon/left.png"/>
            </div>
        </a>
        <div class="head-title">
            我的产品
        </div>
    </header>
    <div class="flex-box">
        <main>
            <div class="MyProduct_content">
                <div class="MyProduct_Lists">
                    {% if list.data and list.data.equipments.length>0 %}
                        {% for item in list.data.equipments %}
                            {% if item.id==type %}
                                <div class="MyProduct_Item opacity">
                                    <div class="Item_content">
                                        <div class="Item_Img">
                                            <div class="Img_bg">
                                                <img src="{{ item.invoice_pic }}">
                                            </div>
                                        </div>
                                        <div class="Item_Text">
                                            <p>{{ item.product_model }}</p>
                                            <p>{{ item.brand }}</p>
                                            <p>{{ item.product_type }}</p>
                                        </div>
                                        <div class="Item_Service">
                                            <a href="/book-install?brandId={{ item.brandId }}&mainProductId={{ item.mainProductId }}&productId={{ item.productId }}&phone={{ item.mobile }}&address=={{ item.buy_address.province+item.buy_address.city+item.buy_address.district }}"><input type="button" value="报装报修" class="Clear"></a>
                                            <a href="/book-clear?brandId={{ item.brandId }}&mainProductId={{ item.mainProductId }}&productId={{ item.productId }}&phone={{ item.mobile }}&address=={{ item.buy_address.province+item.buy_address.city+item.buy_address.district }}" ><input type="button" value="清洗维护" class="Clear"></a>
                                        </div>
                                    </div>
                                    <div class="Item_Delte" data-pid="{{ info.pu_id }}" onclick="del(this)">删除</div>
                                </div>
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                </div>
            </div>
        </main>
    </div>
</div>
{% endblock %}
<!-- body-end -->
<!-- script-start -->
{% block script %}
    <!--lCalendar.js-->
    <script type="text/javascript" src="/component/lCalendar/lCalendar.min.js"></script>
    <!--LArea.js-->
    <script type="text/javascript" src="/component/LArea/LArea.min.js"></script>
    <!--LArea.Date-->
    <script type="text/javascript" src="/component/lCalendar/LAreaData1.js"></script>
    <!--dropload上拉加载-->
    <script src="/component/dist/dropload.min.js"></script>
    <script type="text/javascript" src="/js/base/app.js"></script>
    <script type="text/javascript" src="/js/my-haier/my-product.js"></script>
    <script>
    //    $(function () {
    //        var counter = 0;
    //        var num = 4; // 每页展示4个
    //        var pageStart = 0;
    //        var pageEnd = 0;
    //
    //        // dropload插件调用
    //        $('.MyProduct_content').dropload({
    //            scrollArea: window,
    //            loadDownFn: function (me) {
    //                $.ajax({
    //                    type: 'GET',
    //                    url: '/json/myproduct_data.json',
    //                    dataType: 'json',
    //                    success: function (data) {
    //                        var result = '';
    //                        counter++;
    //                        pageEnd = num * counter;
    //                        pageStart = pageEnd - num;
    //
    //                        for (var i = pageStart; i < pageEnd; i++) {
    //                            result += '<a class="MyProduct_Item opacity" href="' + data.Lists[i].link + '">'
    //                                + '<div class="Item_content">'
    //                                + '<div class="Item_Img">'
    //                                + '<div class="Img_bg">'
    //                                + '<img src="' + data.Lists[i].pic + '">'
    //                                + '</div>'
    //                                + '</div>'
    //                                + '<div class="Item_Text">'
    //                                + '<p>' + data.Lists[i].type + '</p>'
    //                                + '<p>' + data.Lists[i].brand + '</p>'
    //                                + '<p>' + data.Lists[i].number + '</p>'
    //                                + '<p class="pt_10">整机包修剩余<span class="text-orange">' + data.Lists[i].date + '</span>天</p>'
    //                                + '</div>'
    //                                + '<div class="Item_Service">'
    //                                + '<input type="button" value="报装报修" class="Install"/>'
    //                                + '<input type="button" value="清洗维护" class="Clear"/>'
    //                                + '</div>'
    //                                + '</div>'
    //                                + '<div class="Item_Delte">'
    //                                + '<input class="Del" type="button" value="删除" />'
    //                                + '</div>'
    //                                + '</a>';
    //
    //
    //                            function Jump_Install() {
    //                                window.location.href = "/book-install";
    //                            }
    //
    //                            function Jump_Clear() {
    //                                window.location.href = "/book-clear";
    //                            }
    //
    //                            if ((i + 1) >= data.Lists.length) {
    //                                // 锁定
    //                                me.lock();
    //                                // 无数据
    //                                me.noData();
    //                                break;
    //                            }
    //                        }
    //                        // 为了测试，延迟1秒加载
    //                        setTimeout(function () {
    //                            $('.MyProduct_Lists').append(result);
    //                            //js 对象事件 跟在append 后 不然找不到
    //                            $(".Install").bind("click", function () {
    //                                window.location.href = "/book-install";
    //                            })
    //                            $(".Clear").bind("click", function () {
    //                                window.location.href = "/book-clear";
    //                            })
    //                            //$(".Del").bind("click", function () {
    //                            //    $(this).parent().parent().remove();
    //                            //})
    //                            // 每次数据加载完，必须重置
    //                            me.resetload();
    //                        }, 1000);
    //                    },
    //                    error: function (xhr, type) {
    //                        console.log('Ajax error!');
    //                        // 即使加载出错，也得重置
    //                        me.resetload();
    //                    }
    //                });
    //            }
    //        });
    //    })
    </script>
{% endblock %}
<!-- script-end -->

